@import 'var.scss';

html{background-color:$--color-white}
.clo0,a.clo0{color:#000}
.clo5,a.clo5{color:#555}
.clo8,a.clo8{color:#888}
.clo9,a.clo9{color:#999}
.cloa,a.cloa{color:#aeaeae}
.clof,a.clof,a:visited.clof{color:#FFF}
.error,a.error{color:$--color-error}
.primary{color:$--color-primary}
.success,a.success{color:$--color-success}
.blue,a.blue{color:$--color-blue}
.warn,a.warn{color:$--color-warn}
.white {
  color: #fff;
}
.theme-color{color:$--color-theme}
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font32 { font-size: 32px; }
.fontb { font-weight: bold }
.fontn { font-weight: normal }

.fontyahei { font-family: "Microsoft Yahei",微软雅黑 }

.left { float: left }
.right { float: right }
.center { text-align: center }
.middle { vertical-align: middle;animation: none !important; }
.tleft { text-align: left }
.tright { text-align: right }
.ovh { overflow: hidden }
.ova { overflow: auto }
.ove {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.hide { display: none; }

.pointer,button,input[type=button],input[type=submit],input[type=file] {
	cursor: pointer
}

.mauto { margin: auto; }
.ptb10{ padding:10px 0; }
.margin0 { margin: 0; }
.mlr3 { margin: 0 3px; }
.mlr5 { margin: 0 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mb5 { margin-bottom: 5px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.ml35 { margin-left: 35px; }
.mt40 { margin-top: 40px; }
.ml40 { margin-left: 40px; }
.mr40 { margin-right: 40px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 60px; }
.plr10 { padding: 0 10px; }
.cmlr3 a,.cmlr3 input,.cmlr3 button { margin: 0 3px; }
.wth40 { width:  40px; }
.wth80 { width:  80px; }
.wth200 { width:  200px; }
.wth300 { width:  300px; }
.ablock {
	display: block;
	width: 100%;
	height: 100%
}

.iblock {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.relative { position: relative }
.absolute { position: absolute }

.border_none { border: none!important; }

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

.transition5 { transition: all .5s; }


.bgc-primary{ background-color: $--color-primary; }
.bgc-error{ background-color: $--color-error; }
.bgc-success{ background-color: $--color-success; }
.bgc-warn{ background-color: $--color-warn; }
.bgc-cancel{ background-color: $--color-cancel; }
.bgc-white { background-color: $--color-white; }
.bgc-disabled { background-color: $--color-disabled !important; }

.clo-primary{ color: $--color-primary; }
.clo-error{ color: $--color-error; }
.clo-success{ color: $--color-success; }
.clo-warn{ color: $--color-warn; }
.clo-cancel{ color: $--color-cancel; }

.bold {
  font-weight: bold;
}

.sty-normal {
  font-style: normal;
}
.bold-normal {
  font-weight: normal;
}
.btn{
  padding: 0px 0.427rem;
  height: 0.72rem;
  font-size: 0.347rem;
  border-radius: 4px;
  outline: 0;
  box-sizing: border-box;
  border: 1px solid #26a2ff;
  background-color: transparent;
  color: #26a2ff;
}

.theme-bg{
  background-color: $--color-theme  !important;
}
.theme-border{
  border-color: $--color-theme !important;
}
.theme-color{
  color: $--color-theme !important;
}
.theme-bg-linear {
  background-image: linear-gradient(to right, #1CC2FF, #1C64FF);
}
.theme-icon-linear{
  background: linear-gradient(to right, #1CC2FF, #1C64FF);
  -webkit-background-clip: text;
  color: transparent;
}

.border-no-color {
  border:transparent 1px solid;
}
.border-blue {
  border: 1px solid $--color-blue;
}
.border-red {
  border: 1px solid $--color-error;
}
.border-yellow {
  border: 1px solid $--color-warn;
}

.border-green {
  border: 1px solid $--color-success;
}
.flex{
	display:flex;
	align-items:center;
	justify-content: flex-start;
}

.red-dashed-border{
	padding: 0;
	box-sizing:border-box;
	border: 2px $--active-border-color dashed;
}

// 滚动条美化
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgb(221, 228, 244);
}

::-webkit-scrollbar {
  width: 6px;
  background-color: rgb(221, 228, 244);
}

::-webkit-scrollbar-thumb {
  background-color: rgb(193, 193, 193);
  border-radius: 4px;
}

.el-button--mini{
  .iconfont{
    font-size: 12px;
  }
}
